import {Menu} from 'element-react'
import React,{Component} from 'react'
import {Link} from 'react-router-dom'
class Nav extends Component{
    render(){
        return(
            <Menu mode="vertical" defaultActive="1" className="el-menu-vertical-demo">
                <Menu.ItemGroup title="分组一">
                    <Menu.Item index="1"><i className="el-icon-message"></i><Link to='/'>首页</Link></Menu.Item>
                    <Menu.Item index="2"><i className="el-icon-message"></i><Link to='/main'>内容</Link></Menu.Item>
                </Menu.ItemGroup>
                <Menu.ItemGroup title="分组二">
                    <Menu.Item index="3"><i className="el-icon-message"></i>导航三</Menu.Item>
                    <Menu.Item index="4"><i className="el-icon-message"></i>导航四</Menu.Item>
                </Menu.ItemGroup>
            </Menu>
        )
    }
}
export default Nav